<div class="panel-tip df aic jcc" *ngIf="type === 'order'">
  <font> {{ "i18n.please" | translate: lang }} </font>
  <span (click)="toLogin()" style="cursor:pointer">
    {{ "i18n.login" | translate: lang }}
  </span>
  <font>{{ "i18n.or" | translate: lang }}</font>
  <span (click)="toEnroll()" style="cursor:pointer">
    {{ "i18n.signup" | translate: lang }}
  </span>
  <font>{{ "i18n.first" | translate: lang }} </font>
</div>

<div class="panel-tipexchange" *ngIf="type === 'exchange'">
  <div>
    <button class="login" (click)="toLogin()" mat-button>
      {{ "i18n.login" | translate: lang }}
    </button>
  </div>
  <div>
    <button class="enroll" (click)="toEnroll()" mat-button>
      {{ "i18n.signup" | translate: lang }}
    </button>
  </div>
</div>
